<template>
  <div class="tdesign-demo-block-column">
    <div class="tdesign-demo-block-row">
      <div class="item"><t-button theme="primary" size="small" variant="base">填充按钮</t-button></div>
      <div class="item"><t-button size="small" variant="outline">描边按钮</t-button></div>
      <div class="item"><t-button size="small" variant="dashed">虚框按钮</t-button></div>
      <div class="item"><t-button size="small" variant="text">文字按钮</t-button></div>
    </div>
    <div class="tdesign-demo-block-row">
      <div class="item"><t-button theme="primary" size="medium" variant="base">填充按钮</t-button></div>
      <div class="item"><t-button size="medium" variant="outline">描边按钮</t-button></div>
      <div class="item"><t-button size="medium" variant="dashed">虚框按钮</t-button></div>
      <div class="item"><t-button size="medium" variant="text">文字按钮</t-button></div>
    </div>
    <div class="tdesign-demo-block-row">
      <div class="item"><t-button theme="primary" size="large" variant="base">填充按钮</t-button></div>
      <div class="item"><t-button size="large" variant="outline">描边按钮</t-button></div>
      <div class="item"><t-button size="large" variant="dashed">虚框按钮</t-button></div>
      <div class="item"><t-button size="large" variant="text">文字按钮</t-button></div>
    </div>
  </div>
</template>
